﻿@charset "utf-8";
/* CSS Document */
/* body{ background-color:#F4F4F4;} */
body{ background:#2382b9 url(css_img/bg.jpg) no-repeat top;}
.header{ width:100%; height:auto; background-color:#68AEE9; margin-bottom:20px;}
.w1200{ width:1200px; margin:0 auto;}
.logo{ width:300px; height:80px; float:left; overflow:hidden;}
.nav{ width:601px; height:80px; float:left; text-align:right;}
.nav a{ display:inline-block; padding:0 25px; line-height:80px; color:#FFF;}
.nav a:hover{ text-decoration:none;}
/*
.uinfo{ width:200px; height:40px; margin:20px 0; float:left; text-align:right;}
.uinfo a{ display:inline-block; width:75px; text-align:center; margin-left:20px; height:40px; line-height:38px; color:#FFF; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;}
.uinfo a.login{ background-color:#6D7D8D;}
.uinfo a.login:hover{ background-color:#4E5D6E; text-decoration:none;}
.uinfo a.reg{ background-color:#F47747;}
.uinfo a.reg:hover{ background-color:#F0572F; text-decoration:none;}
*/
/*search*/
.formbox{ width:265px; float:right; margin-top:20px;}
.formbox .category{ width:80px; background-color:#f4f4f4; height:40px; float:left; border:none; outline:none;}
.category{ cursor:pointer; position:relative;}
.category .catetext{ display:inline-block; width:60px; text-align:center; color:#5a5a5a;}
.category i{ display:inline-block; width:10px; color:#5a5a5a; line-height:40px; height:40px;}

.typebox{ width:80px; background-color:#f4f4f4; position:absolute; padding:5px 0; top:40px; display:none;}
.typebox li{ height:36px; line-height:36px; padding-left:16px; color:#5a5a5a;}
.typebox li:hover{ background-color:#eee; text-decoration:none;}

.formbox .stext{ float:left; width:214px; height:40px; background-color:#f4f4f4; padding-left:10px; border:none; outline:none; border-left:1px solid #eee; color:#5a5a5a;}
.formbox .sbut{ width:40px; height:40px; border:none; outline:none; font-size:18px; cursor:pointer; background-color:#f4f4f4; color:#5a5a5a;}
.formbox .sbut:after{ font-family:fontello; content:"\e81a"; color:#5a5a5a;}
/*box_one*/
.box_one{ width:1200px; margin:0 auto;}
/*fcous*/
.fcous{ width:700px; padding:10px; float:left; background-color:#FFF; height:320px;}

.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;width: 700px; height: 320px; margin: 0 auto;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0; height: 320px;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background: url(../images/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right: 5px; background: url(../images/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}
/*hot_arc*/
.hot_arc{ width:460px; margin-left:20px; background-color:#FFF; height:340px; float:left;}
.hot_arc h2{ border-bottom:1px solid #f5f5f5; font-size:16px; padding:10px 0;}
.hot_arc h2 span{ border-left:5px solid #E84C3D; padding-left:20px; display:block; color:#5a5a5a; height:36px; line-height:34px;}
.hot_arc h2 a.more{ float:right; font-size:12px; padding-right:15px; color:#82939e; line-height:36px;}
.inhot{}
.inhot ul{ padding: 15px 25px 0; height:252px; overflow:hidden; margin-bottom:25px;}
.inhot ul li{ height:28px; line-height:28px; overflow:hidden;}
.inhot ul li a{ color:#777;}
.inhot ul li a:hover{ color:#f30;}

/*content*/
.uicontent{ width:1200px; margin:20px auto 0; background-color:#FFF;}
.uicontent h2{ font-size:16px; border-bottom:1px solid #f4f4f4; color:#5a5a5a;}
.uicontent h2 span{ float:right; font-size:14px; line-height:24px; padding:20px 20px 20px 0;}
.uicontent h2 span a{ color:#82939e;}
.uicontent h2 font{ margin:0 5px;}
.uicontent h2 em{ padding:20px 0 20px 20px; line-height:24px; float:left;}
.uicontent h2 ul{ height:64px; padding-left:10px;}
.uicontent h2 ul li{ float:left; padding:0 20px; line-height:64px;}
.uicontent h2 ul li a{ color:#5a5a5a;}
.uicontent h2 ul li.selected{ border-top:3px solid #68AEE9; line-height:58px;}
.uicontent h2 ul li.selected a{ color:#68AEE9;}
.uicontent h2 ul li a:hover{ color:#F0572F;}
.uicontent h3.sm{ color:#aaa; padding:20px; border-bottom:1px solid #f4f4f4;}
.uibox{ width:1200px; overflow:hidden;}
.uibox li{float:left;width:275px;height:305px;border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;padding:12px 12px 0 12px; background:url(../images/loding.gif) no-repeat center 100px;}
.uibox li.norborder{ border-right:0;}
.uibox li img{ vertical-align:bottom;}
.uibox li a{}
.lion{ padding:0 10px;}
.lion .lititle{ font-weight:bold; text-overflow: ellipsis; line-height:30px;}
.lion .lititle a{ color:#333;}
.lion .lititle a:hover{ color:#f30;}
.lion .lides{ font-size:12px; line-height:24px; color:#7f7f7f;}
/*wfooter*/
.wfooter{ width:1200px; margin:0 auto; background-color:#FFF;}
.links{ padding:20px 20px 15px;}
.links h2{ font-size:16px; color:#5a5a5a; margin-bottom:10px;}
.links a{ color:#82939e; padding:0 5px;}
.aboutweb{ padding:0px 20px 20px; line-height:24px;}
.aboutweb a{ padding-right:10px; color:#5a5a5a;}
.aboutweb small{ font-size:12px; color:#888;}
.aboutweb p{ color:#5a5a5a;}
/*pages*/
.wpages{ text-align:center; padding-top:25px; padding-bottom:25px; border-bottom:1px solid #f4f4f4; color:#5a5a5a;}
.wpages a{ -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;	transition: border .25s linear,color .25s linear,background-color .25s linear;}
.wpages a,.wpages span.current { color: #FFF;line-height:22px; display: inline-block; background-color:#68AEE9; padding: 5px 10px;margin:0 3px; text-align: center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.wpages a:hover,.wpages span.current { background-color: #4A93E1;	text-decoration:none;}
/*showcontent*/
.showcontent{ width:1200px; margin:20px auto 0; background-color:#FFF; border-bottom:1px solid #f4f4f4;}
.wtitle{ padding:20px; color:#5a5a5a; border-bottom:1px solid #f4f4f4;}
.wtitle h1{ font-size:18px; font-weight:bold; text-transform:capitalize;}
.oinfo { font-size:12px; font-weight:normal; margin-top:10px; border-left:3px solid #3497DB; padding-left:10px;}
.oinfo a{ color:#5a5a5a;}
.wtitle small{ display:block; font-size:12px; color:#aaa; margin-top:10px; font-weight:normal;}
.incontent{ padding:50px; font-size:16px; line-height:24px; color:#5a5a5a; border-bottom:1px solid #f4f4f4;}
.incontent p{ margin-bottom:10px;}
.incontent p img{ vertical-align:bottom; max-width:100%;}
.incontent h1,.incontent h2,.incontent h3{ font-weight:bold; margin:15px 0 15px;}
/*赞*/
.zanbox{}
.zanbox .praise,.zanbox .stamp{ padding:10px 15px; float:right; color:#FFF; cursor:pointer;}
.zanbox .praise{ background-color:#3497DB; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.zanbox .praise:hover{ background-color:#2E88C5;}
.zanbox .stamp{ background-color:#595D62; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-topleft:3px; border-bottom-left-radius:3px; border-top-left-radius:3px;}
.zanbox .stamp:hover{ background-color:#4A4E52;}
/*btbox*/
.btbox{ padding:20px 50px;}
.btbox .wface{}
.btbox .wface a{ color:#5a5a5a;}
.btbox .wface p{ font-size:14px; display:block; color:#5a5a5a;}
/*borderTop*/
.borderTop{ padding:20px 0 20px 20px; border-bottom:1px solid #f4f4f4;}
.borderTop dl{ height:30px; line-height:30px;}
.borderTop dt{ float:left;}
.borderTop dd{ float:left;}
.borderTop dd a{ padding:0 10px;}
.borderTop dd a.selected{ color:#F0572F;}
/*listbox*/
.listbox{ border-bottom:1px solid #f4f4f4;}
.arclist{ width:882px; float:left; border-right:1px solid #f4f4f4;}
.arclist ul{ padding:0 20px 20px 20px;}
.arclist ul li{ border-bottom:1px solid #f4f4f4; padding-bottom:20px; padding-top:20px;}
.arclist ul li a.imga{ float:left; width:275px; margin-right:20px; background:url(../images/loding.gif) no-repeat center center; background-color:#FBFBFB; text-align:center;}
.arclist ul li div.upYqBoxCon{ float:left; width:547px;}
.arclist .arcTitle{ font-size:16px; margin-bottom:10px;}
.blackLink{ color:#5a5a5a; line-height:24px;}
.arclist .wpages{ border-bottom:none;}
/*rightbox*/
.rightbox{ float:left; width:277px; padding:20px;}
.hotright{}
.hotright h3{ font-size:16px; font-weight:bold; color:#5a5a5a;}
.hotright ul{}
.hotright ul li{ line-height:24px; margin:10px 0;}

/*uyan*/
.uyan{ padding:20px 50px 0; border-top:1px solid #f4f4f4;}

/*colorlist*/
.colorlist{ padding:20px 20px 0 20px; border-bottom:1px solid #f4f4f4;}
.color_left{ width:750px; padding-right:20px; float:left; border-right:1px solid #f4f4f4;}
.color_left dl{ border-bottom:1px solid #f4f4f4; margin-bottom:20px; padding-bottom:10px;}
.color_left dl dt{ width:420px; padding:20px; float:left; text-align:center;}
.color_left dl dt img{ max-width:420px;}
.color_left dl dd{ margin-top:10px; color:#5a5a5a; width:250px; padding:6px 20px 20px; float:left;}
.color_left dl dd a{ font-size:16px; text-transform:capitalize;}
.color_left dl dd small{ margin-left:10px; color:#aaa;}
.color_left ul{ margin-top:20px;}
.color_left ul li{ display:block; width:125px; float:left; line-height:40px;}
.color_left ul li span{ display:block; height: 45px;}
.color_right{ width:369px; float:left; margin-left:20px;}

/*color_right*/
.hotcolor{ border-bottom:1px solid #f4f4f4; margin-bottom:10px;}
.hotcolor h2,.recommcolor h2{ border-bottom:none;}
.hotcolor h3,.recommcolor h3{ font-size:16px; font-weight:bold; color:#5a5a5a;}
.hotcolor ul{}
.hotcolor ul li,.recommcolor ul li{ line-height:24px; margin:10px 0; text-transform:capitalize;}

.colorcenter{}
.colorcenter ul{}
.colorcenter ul li{ float:left; line-height:40px;}
.colorcenter ul li span{ display:block; width:120px; height:180px;}

/*colorlist*/
.colorlist .wpages{ border-bottom:none;}
.dl_secai{ margin-bottom:20px; border-bottom:1px solid #f4f4f4; padding-bottom:20px;}
.dl_secai dt{ width:450px; height:340px; display:inline-block; vertical-align:middle; float:left; overflow:hidden; margin-right:20px; background:url(../images/loding.gif) no-repeat #fcfcfc center center; background-color:#fcfcfc; text-align:center; position:relative;}
.dl_secai dt p{ display:table-cell; vertical-align:middle; width:450px; height:340px;}
.dl_secai dt img{ max-width:450px; max-height:340px; vertical-align: middle; margin:0 auto;}
.dl_secai dd{ width:690px; float:left;}
.color_secai {}
.color_secai li{ display:block; width:80px; float:left; line-height:40px; margin-right:5px; color:#aaa;}
.color_secai li span{ display:block; height: 45px; cursor:pointer;}